<template>
    <div class="whiteCurtain" :style="whiteCurtainStyle"></div>
</template>

<script setup>
import { defineProps } from 'vue';
const props = defineProps({  
    Configure: Object
});
const { Configure } = props;

const whiteCurtainStyle = {  
  width: Configure.width,  
  height: Configure.height,  
  top: Configure.top,  
  left: Configure.left,  
};  

</script>

<style scoped>
.whiteCurtain{
    position: fixed;
    background-color: white;
    opacity: 0.5;
    z-index: 999;
    pointer-events: none;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
</style>